<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Login</title>
	<link rel="stylesheet" type="text/css" href="/media/css/loginnew.css"/>
	<script type="text/javascript" src="/media/js/recovery.js"></script>

</head>
<body>
	<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
		<tbody>
			<tr valign="top">
				<td width="1%">
					<a href="/inicio" ><img src="/media/img/webpage/logowidpy.png" border="0" width="120" height="120" align="left" vspace="4"></a>
				</td>
				<td width="99%" style="background-color:black;" valign="top">
					<table width="100%" cellpadding="2">
						<tbody>
							<tr valign="bottom">
								<td>
									<div align="right"></div>
								</td>
							</tr>
							<tr>
								<td nowrap="nowrap">									
									<table width="100%" align="center" cellpadding="1" cellspacing="0" id="top_bar">
										<tbody>
											<tr>
												<td>
													<b><a href="/inicio/"><img width="32" height="32" src="/media/img/webpage/home.png" border="0" valign="center"></a></b>
												</td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
							<tr>
								<td colspan="2">
								{% if new_user %}
									<img src="/media/img/webpage/ok.png" border="0" width="32" height="32" align="left" >
									<div class="newuser"><span><center>Gracias por unirte a widpy!..ahora puedes loguearte!!</center></span></div>
								{%endif%}
								</td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
		</tbody>
	</table>
	<table width="94%" align="center" cellpadding="5" cellspacing="0">
		<tbody>
			<tr>
				<td width="80%" valign="top">
					<font size="-1">
						<table border="0" cellpadding="0" cellspacing="0" width="%90" >
							<tbody>
								<tr>
									<td>
										<p><font size="5" style="color:white;"><b>Bienvenido a Widpy</b>
										</font><p>
										<font size="3" style="color:white;">
										<p align="JUSTIFY">Widpy es un proyecto de la Universidad Cat&oacute;lica Nuestra Señora de la Asunci&oacute;n.</p>
										<p align="JUSTIFY">Es un proyecto de la materia Ingenieria de Software(I y II)</p>
										<p align="JUSTIFY">Esta elaborado por los siguientes integrantes:</p>
										</font>
									</td>
								</tr>
							</table>
							<table border="0" cellpadding="0" cellspacing="0" width="%90" bgcolor="#000000">		
								<tr>	
									<td><span><p align="center" style="color:white; font-size:14px; font-weight:bold;"><img src="/media/img/webpage/carlos.png" align="center" border="0" width="67" height="98" align="left" vspace="10">Carlos Arcondo   
										<img src="/media/img/webpage/clau2.png" align="center" border="0" width="67" height="98" align="left" vspace="10">Claudia Cabrera</p></span></td>
								</tr>
								<tr>	
									<td><span><p align="center" style="color:white; font-size:14px; font-weight:bold;"><img src="/media/img/webpage/lore.png" align="center" border="0" width="67" height="98" align="left" vspace="10">Lorena Figueredo
										<img src="/media/img/webpage/fede.png" align="center" border="0" width="67" height="98" align="left" vspace="10">Federico Gonz&aacute;lez</p><span></td>
								</tr>
							</tbody>
						</table>
					</font>
				</td>
				<td style valign="top">					
					<form action="." method="post" id="login-form">
						<table id="container_box" cellspacing="2" cellpadding="0" width="100%" border="0">		
								<tbody>
								<tr>
								<td valign=top style="text-align:center" nowrap="nowrap">
								<table id="right_box" align="center" border="0" cellpadding="1" cellspacing="0">
								<tbody>
									<tr>
										<td colspan="2" align="center" style="font-family:Arial;">
											<div class="header_title"><font size="3"><b>Widpy Login</b></font></div>
										</td>
									</tr>
									<tr>
										<td colspan="2" align="center">
											{% if error_message %}
											<p class="errornote">{{ error_message }}</p>
											{% endif %}
										<td>
									</tr>
									<tr>
										<td colspan="2" align="center">
									</tr>
									<tr id="username-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Username:</font></span>
											</div>
										</td>
										<td>
											<input type="text" name="username" id="id_username" size="25"/>
										</td>
									</tr>
									<tr id="password-row">
										<td align="right" nowrap="nowrap">
											<span class="widpylabel"><font size="-1">Password:</font></span>
										</td>
										<td>
											 <input type="password" name="password" id="id_password" size="25"/>
										</td>
									</tr>
									<tr>
										<td></td>
										<td align="left">
											<input type="submit" name="login" id="login" value="Sign in">
										</td>
									</tr>
									<tr>
										<td colspan="2" height="35" align="center" valign="bottom">
											<a href="javascript:recovery()">No puedes acceder a tu cuenta?</a>
										</td>
									</tr>
								</tbody>
								</table>							
								</td>
								</tr>
								</tbody>
							</table>
						</form>
					<br><br>
						<form action="." method="post" id="register-form">
						<table id="container_box" cellspacing="2" cellpadding="0" width="100%" border="0">		
								<tr>
								<td valign="top" style="text-align:center" nowrap="nowrap">
								<table id="right_box" align="center" border="0" cellpadding="2" cellspacing="0">
								<tbody>
									<tr>
										<td colspan="2" align="center" style="font-family:Arial;">
										<div class="header_title"><font size="3"><b>Registrate</b></font></div>
										</td>
									</tr>
									<tr>
										<td colspan="2" align="center">																
											{{ form.username.errors }}
										<td>
									</tr>
									
									<tr id="username-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Username:</font></span>
											</div>
										</td>
										<td>
											{{ form.username }}
										</td>
									</tr>
									
									<tr>
										<td colspan="2" align="center">																
											{{ form.first_name.errors }}
										<td>
									</tr>
									
									<tr id="firstanme-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">First Name:</font></span>
											</div>
										</td>
										<td>
											{{ form.first_name }}
										</td>
									</tr>
									
									<tr>
										<td colspan="2" align="center">																
											{{ form.last_name.errors }}
										<td>
									</tr>
									
									<tr id="last_name-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Last Name:</font></span>
											</div>
										</td>
										<td>
											{{ form.last_name }}
										</td>
									</tr>
									
									
									<tr>
										<td colspan="2" align="center">																
											{{ form.email.errors }}
										<td>
									</tr>
									
									<tr id="email-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Email:</font></span>
											</div>
										</td>
										<td>
											{{ form.email }}
										</td>
									</tr>
									
									
									<tr>
										<td colspan="2" align="center">																
											{{ form.nacionalidad.errors }}
										<td>
									</tr>
									
									<tr id="nacionalidad-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Nacionalidad:</font></span>
											</div>
										</td>
										<td colspan="2" align="left">		
											{{ form.nacionalidad }}
										</td>
									</tr>
									
									<tr>
										<td colspan="2" align="center">																
											{{ form.password1.errors }}
										<td>
									</tr>
									
									<tr id="password1-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Password:</font></span>
											</div>
										</td>
										<td>
											{{ form.password1 }}
										</td>
									</tr>
									
									
									<tr>
										<td colspan="2" align="center">																
											{{ form.password2.errors }}
										<td>
									</tr>
									
									<tr id="password2-row">
										<td nowrap="nowrap">
											<div align="right">
												<span class="widpylabel"><font size="-1">Re Password:</font></span>
											</div>
										</td>
										<td>
											{{ form.password2 }}
										</td>
									</tr>
									
									<tr>
										<td></td>
										<td align="left">
											<input type="hidden" name="registrar" value="registrar"/>
											<input type="submit" class="register" value="Registrar" />
										</td>
									</tr>								
								</tbody>
								</table>							
								</td>
								</tr>
							</table>
						</form>
				</td>
			</tr>
		</tbody>
	</table>
	<br><br><br><br>
	<div align="center" id="top_bar">
	<table width="95%" align="center" cellpadding="3" cellspacing="0" style="margin-bottom:5">
			<tr>
				<font size=-1 color=#666666>&copy;2010 Widpy
				</font>
			</tr>
	</table>
	</div>
<br>

<div id="capaRecovery"
 style="border: 3px solid rgb(51, 51, 51); position: absolute; width: 390px; left: 371px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; background-color: rgb(250, 250, 250); color: rgb(0, 0, 0); top: 168px; height: 299px;">
<div style="text-align: center; color: rgb(3, 109, 167); font-size:22px;">Recuperar Password/Username</div>
<div id="infoRecovery">
	<p>Completa con tu Username o Mail
	   y enviaremos a tu correo tu Password/Username para acceder a Widpy</p>
</div>
<br>
<center>
<form action="/recovery/" onSubmit="return ValidaMail(this)"
 method="post" id="ser_des" name="ser_des">
  <div style="text-align: left; margin-left: 60px;">
	<table>
		<tr>
			<td> <label for="id_mail">Mail:</label><br></td>
			<td><input type="text" name="Mail"></td>
		</tr>
		<tr>
			<td><label for="id_username">Username:</label></td>
			<td><input type="text" name="Username"> </td>
		</tr>
		<tr>
			<td colspan="2" style="text-align:right;"><input id="btnA" onclick="cerrarRecovery();"  name="btnrecovry" type="submit" value="Recovery">
			<input id="btnCancelar" onclick="cerrarRecovery();" name="btnCancelar" size="20" value="Cancelar" type="button"> </td>
		</tr>
	</table>
</form>
</center>
</div>


<script type="text/javascript">
document.getElementById('login').focus()
</script>
</body>
<div id="capaFondoRecovery">
</div>
</html>
